<template>
  <view class="">
    <!-- 悬浮 -->
    <tui-fab :left="0" :right="80" :bottom="160" :width="126" :height="126" bgColor="rgba(252, 210, 56, 1.00)"
      :btnList="remarkShow?btnList:btnList1" @click="onClicksuspension">
    </tui-fab>
  </view>
</template>

<script>
  export default {
    name: "user_suspension",
    data() {
      return {
        //data 数据
        btnList: [{
          bgColor: "rgba(252, 210, 56, 1.00)",
          imgUrl: "/static/faarticle.png",
          imgWidth: '126',
          imgHeight: '126',
          //字体颜色
          color: "#fff",
          text: '发文章'
        }, {
          bgColor: "rgba(252, 210, 56, 1.00)",
          //字体颜色
          color: "#fff",
          imgUrl: "/static/fadynamic.png",
          imgWidth: '126',
          imgHeight: '126',
          text: '发动态'
        }, {
          bgColor: "rgba(252, 210, 56, 1.00)",
          imgUrl: "/static/fareview.png",
          imgWidth: '126',
          imgHeight: '126',
          //字体颜色
          color: "#fff",
          text: '发点评'
        }, ],
        //data 数据
        btnList1: [{
          bgColor: "rgba(252, 210, 56, 1.00)",
          imgUrl: "/static/faarticle.png",
          imgWidth: '126',
          imgHeight: '126',
          //字体颜色
          color: "#fff",
          text: '发文章'
        }, {
          bgColor: "rgba(252, 210, 56, 1.00)",
          //字体颜色
          color: "#fff",
          imgUrl: "/static/fadynamic.png",
          imgWidth: '126',
          imgHeight: '126',
          text: '发动态'
        }]
      };
    },
    props: {
      remarkShow: {
        type: Boolean,
        default: true
      },
      circleId: {
        type: [Number, String],
        required: false,
        default: 0
      },
      circleName: {
        type: String,
        required: false,
        default: ''
      },
      productId: {
        type: [Number, String],
        required: false,
		default: 0
      },
      productName: {
        type: String,
        required: false
      },
      productPreviewImage: {
        type: String,
        required: false
      },
      activityId: {
        type: [Number, String],
        required: false
      },
      price: {
        type: String,
        required: false
      },
      previewImage: {
        type: String,
        required: false
      },
      activityListId: {
        type: [Number, String],
        default: 0,
        required: false
      }
      // issue_Invitation: {
      //   type: String,
      //   required: false
      // }
    },
    // onLoad() {
    //   onClicksuspension()
    // },
    // watch: {
    //   // console.log('123'),
    //   issue_Invitation: {
    //     immediate: true,
    //     handler(newVal) {
    //       if(newVal) return
    //       onClicksuspension(); //拿到参数后去做请求
    //     },

    //   },
    // },
    methods: {
      onClicksuspension(e) {
        // console.log(e)
        if (e.index == 0) {
          this.navTo('/subpkg/new_article/new_article?circleId=' + this.circleId +
            '&circleName=' + this.circleName +
            '&activityListId=' + this.activityListId +
            '&productId=' + this.productId +
            '&productName=' + this.productName +
            '&productPreviewImage=' + this.productPreviewImage)
        } else if (e.index == 1) {
          this.navTo('/subpkg/new_dynamic/new_dynamic?circleId=' + this.circleId + '&circleName=' + this
            .circleName + '&activityListId=' + this.activityListId +
            '&productId=' + this.productId +
            '&productName=' + this.productName +
            '&productPreviewImage=' + this.productPreviewImage)
        } else {
          this.navTo('/subpkg/new_score/new_score?circleId=' + this.circleId + '&circleName=' + this.circleName +
            '&avatar=' + this.productPreviewImage + '&price=' + this.price +
            '&productId=' + this.productId +
            '&productName=' + this.productName)
        }
      },
      navTo(url) {
        uni.navigateTo({
          url: url
        })
      }
    }
  }
</script>

<style lang="scss">

</style>
